:root {
  --main-color-1: #17a7f3;
  --font-color-2: #343b4c;
  --font-color-4: #758696;
  --font-color-5: #9bacbd;
  --font-color-6: #d8dfe6;
  --bg-color-4: #252732;
}

html,
body.chart-page,
.chart-page .chart-container,
.tv-main-panel {
  background: var(--bg-color-4);
  
}

.chart-page .chart-container {
  border: none;
  border-top: 0;
}

.tv-close-panel.top {
  display: none;
}

.pane-legend .pane-legend-line {
  font-size: 12px !important;
}

.favored-list-container span,
.header-chart-panel .button {
  /*background: hsla(222,19%,25%,.2);*/
  color: rgba(155,172,189,.8);
  border-color: var(--font-color-2);
  font-size: 12px;
  cursor: pointer;
}

.favored-list-container.active span.submenu,
.favored-list-container span.submenu.active,
.feature-no-touch .favored-list-container span:hover {
  background: hsla(0,0%,100%,.05);
}

.header-chart-panel .group {
  margin: 4px 0;
  float: none !important; 
  display: table-cell;
}

.chart-top-toolbar .space-single, .header-chart-panel .space-single {
  padding-right: 5px;
}

.tv-dialog,
.charts-popup-list,
._tv-dialog._tv-dialog-nonmodal.ui-draggable {
  background: var(--bg-color-4);
  box-shadow: 2px 0 10px rgba(21, 22, 25, 0.75);
  border: 1px solid var(--font-color-2);
  color: var(--font-color-6);
}

.tv-insert-indicator-dialog__search-control input {
  background: var(--bg-color-4);
}

.chart-style-popup .item,
.charts-popup-list .item span,
.charts-popup-list.intervals-list .item,
.tv-dialog__title {
  color: var(--font-color-6);
}

.feature-no-touch .header-chart-panel .button.active:hover,
.feature-no-touch .header-chart-panel .button:active,
.header-chart-panel .button.active,
.charts-popup-list .item.active,
.feature-no-touch .charts-popup-list .item:hover,
.charts-popup-list .item.active,
.feature-no-touch .tv-insert-study-item:hover {
  background-color: rgba(84, 92, 112, 0.2);
}

.tv-dialog__section {
  padding: 10px;
}

.tv-dialog__close {
  padding: 5px;
  top: 7px;
  right: 7px;
}

.tv-dialog__close svg {
  fill: var(--font-color-6);
}

.tv-dialog__section,
.tv-search-row {
  border-bottom-color: var(--font-color-2);
}

.js-study-item.tv-insert-study-item.i-without-stars {
  animation: none !important;
}

.chart-style-widget svg,
.button.indicators svg,
.button.fullscreen svg,
.feature-no-touch .chart-style-widget span:hover svg,
.feature-no-touch .button.fullscreen:hover svg,
.toggleButton-2o6YKJ1g-.willOpen-FfEto9H9- svg,
.button.indicators:hover svg {
  fill: var(--font-color-4);
}

.chart-style-widget span svg {
  width: 25px;
  height: 25px;
}

.tv-caret {
  color: var(--font-color-4);
}

.header-group-fullscreen {
  float: right;
}

.header-chart-panel .space-single.header-group-fullscreen {
  padding-right: 1px;
}

.feature-no-touch .favored-list-container span:hover,
.favored-list-container span, .header-chart-panel .button {
  color: var(--font-color-6);
}

.button.fullscreen, .header-chart-panel .button.fullscreen {
  padding: 7px;
}

.button.fullscreen, .header-chart-panel .button.fullscreen svg {
  width: 14px;
  height: 14px;
}

.common-tooltip-body {
  left: 0 !important;
}

._tv-dialog._tv-dialog-nonmodal.ui-draggable {
  max-height: 100%;
}

.properties-tabs a.properties-tabs-label,
.property-page {
  color: var(--font-color-6);
}

.feature-no-touch .tv-tabs__tab:active, .feature-no-touch .tv-tabs__tab:hover, .feature-touch .tv-tabs__tab:active, .tv-tabs__tab.i-active, .tv-tabs__tab.i-hover {
  color: var(--font-color-5);
}

.properties-tabs a.properties-tabs-label.active:after {
  background: var(--main-color-1);
}

.tv-tabs {
  height: 40px;
}

.tv-tabs__tab {
  height: 38px;
}

.tv-tabs:before {
  background: var(--font-color-2);
}

.properties-tabs a.properties-tabs-label {
  padding: 10px 0;
}

._tv-dialog-content .main-properties {
  padding: 10px 20px;
  height: auto !important;
  max-height: calc(100% - 88px) !important;
}

._tv-dialog-content .main-properties .property-page {
  width: auto !important;
}

._tv-dialog-content .main-properties.main-properties-aftertabs {
  padding: 10px;
}

._tv-dialog-content .main-properties.main-properties-aftertabs .dialog-buttons {
  margin-top: 0;
}

.header-chart-panel .header-chart-panel-content {
  padding: 0;
  /* width:135%; */
}
.header-chart-panel-content .right{
  width: 100%;
  float: none;
  display: inline-block;
    height: 38px;
    overflow: scroll;
}

.header-chart-panel-content .left{
  /* float: right; */
  display: none;
}
.control-bar-wrapper{
  display: none !important;
}